Tiny File Manager | hub_wa0356_maintain

Back Back Up Advanced Editor

<?php
//======================================================================================
//
// Function: Maintain  HUB_WA0356
//
// Programmer: JKJ
// Date      : 2024-08-15
//
// Copyright Reeft A/S (c) - 2024
//======================================================================================

// https://stackoverflow.com/questions/56062658/clicking-programmatically-on-the-arrows-of-html-inputs-type-number
// https://datatables.net/manual/server-side
// https://datatables.net/examples/data_sources/server_side

//======================================================================================
// Get input
//======================================================================================

if (isset($_REQUEST["lilin"])) {
		$LILIN = $_REQUEST["lilin"];
	} else {
		$LILIN = 'LK';
	}

//======================================================================================
// Make line uppercase
//======================================================================================

//======================================================================================
// General config
//======================================================================================
	include "config/config.php";

//======================================================================================
// Check if user is logged in?
//======================================================================================
	include "login_check.php";

//======================================================================================
// Get session variables
//======================================================================================

include "include/getsession.php";

// include "include/uuid_create.php";
	// include "include/generate_password_md5.php";

//======================================================================================
// Set language
//======================================================================================

include "include/set_language.php";

//======================================================================================
// Set defaults
//======================================================================================

// $pk_reference  = $_SESSION['session_dft_pk_reference'];
	// $referenceCode = $_SESSION['session_dft_referencecode'];
	// $referenceName = $_SESSION['session_dft_referencename'];

//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<title><?php echo $datahub_text0001 ?></title>

<link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
    <link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">

<link href="css/custom.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

.btn-custom-wide {
	height:60px;
	width:210px;
}

.text-truncate-dt {
    max-width: 450px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;

}

.text-align-dt {
    text-align: center;
}

.modal-xxl {
    max-width: 80%;
}

.modal-xl {
    max-width: 50%;
}

.border-3 {
    border-width:3px !important;
}

td .hover-img {
  position:relative;
 }
td .hover-img span {
  position:absolute; left:-9999px; top:-9999px; z-index:9999;
 }
td:hover .hover-img span {
  top: 5px;
  left:0px;
 }

.chosen-container-single {
    min-width: 100%;
}

</style>

//=============================================================================
// Globals
//=============================================================================

var thisCurrentRow;
	var thisGlobalRowData;
    var thisGlobalTableData;

// Save field
	var save_LILIN = '';
	var save_WZART = '';

var global_debug = 'N';

// Add allowed Y/N
	var GLOBAL_ADD_ALLOWED = 'Y';

// Show group buttons
	var GLOBAL_SHOW_GROUP_BUTTONS = 'Y';

// Delete allowed Y/N
	var GLOBAL_DELETE_ALLOWED = 'Y';

// sortMode
	var GLOBAL_SORTMODE = 'DESC';

var jsonDataSave = {};

var DFT_DATE_DISPLAY_FORMAT 	=  '<?php //echo $DFT_DATE_DISPLAY_FORMAT ?>';
	var DFT_LANGUAGE 				=  '<?php //echo $DFT_LANGUAGE ?>';

var GLOBAL_TOTALPAGESSTOPVALUE	=  10;

// Save field
	//var save_CFGNAM = '';

$(function () {
	  $.scrollUp({
		scrollName: 'scrollUp', // Element ID
		//topDistance: '1800', // Distance from top before showing element (px)
		//topSpeed: 300, // Speed back to top (ms)
		scrollDistance: '300', // Distance from top before showing element (px)
		scrollSpeed: 300, // Speed back to top (ms)
		animation: 'fade', // Fade, slide, none
		animationInSpeed: 200, // Animation in speed (ms)
		animationOutSpeed: 200, // Animation out speed (ms)
		scrollText: false, //'Scroll to top', // Text for element
		activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
	  });
	});

//=============================================================================
// Get data
//=============================================================================
function getData( inputGetData )
{

// Reset, show all
	if ( inputGetData == '*RESET' ) {
		inputGetData = '';

//Clear search
		thisGlobalTableData.search( '' );

}

//Only initialize datatables once, else just draw it
	if ( $.fn.dataTable.isDataTable( '#REEFTvisual_data' ) ) {
		thisGlobalTableData.draw(); // fire in the hole
	}
	else {
		setDataTables();
	}

}

//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{

// Delete allowed?
	if ( GLOBAL_DELETE_ALLOWED == 'Y' ) {
		var show_the_delete_button = true;
	} else {
		var show_the_delete_button = false;
	}

// Get the current date line
	input_LILIN = $('#input-LILIN').val();

$('#REEFTvisual_data').DataTable({
		"ajax": {
			"url": 'hub_wa0356_maintain_get.php',
			"type": "POST",
			"data": function (parmData) {

// Add custom parameters to the ajax call

// Webservice name
				parmData.LILIN	 = input_LILIN;

},
			dataSrc: function (jsonData) {  //return data

var rpyCMPNO			= jsonData.header.rpyCMPNO;
				var rpyCMPNO_Name		= jsonData.header.rpyCMPNO_Name;
				var rpyFile_name		= jsonData.header.rpyFile_name
				var rpyFile_description	= jsonData.header.rpyFile_description
				var rpyTableRecordsFound= jsonData.header.rpyTableRecordsFound

var returnCode 			= jsonData.header.returnCode;
				var returnMsg 			= jsonData.header.returnMsg;
				var entries_found 		= jsonData.header.entries_found;
				var response_sec 		= jsonData.header.response_sec;

var rpyTotal_lines		= jsonData.header.total_lines;
				var rpyTotal_workcenters= jsonData.header.total_workcenters;

// Show load time
				$('#text-total-records-found').html( rpyTableRecordsFound );
				$('#load-time-from-database').html('entries found: ' + entries_found + ' (' + response_sec + ')');

// Set Company and file information
				if ( rpyCMPNO != '' ) {
					$('#data-hub-company-information').html( '<span title="' + rpyFile_name + ' - ' + rpyFile_description + '">' + rpyCMPNO_Name + ' (' + rpyCMPNO + ')' + '</span>' ).css('font-size','1.3em');
				}

// Init button line fields
				var HTMLlineButtons 		= '';
				var HTMLlineButtonsModal 	= '';
				var selectedButtonClass 	= 'btn-dark';

// Get name of search item
				input_LILIN  = $('#input-LILIN').val();

// Just in case
				if (input_LILIN == '' ) {
					input_LILIN = '<?php echo $LILIN ?>';
				}

//=====================================================================================
				// Create group buttons, only if wanted
				//=====================================================================================
				if ( GLOBAL_SHOW_GROUP_BUTTONS == 'Y' ) {

$.each( jsonData.header_buttons, function( index, object ){
						var buttonLine   = object.buttonLine;
						var buttonCount	 = object.buttonCount;

if ( input_LILIN == buttonLine ) {
							selectedButtonClass = 'btn-success';
						} else {
							selectedButtonClass = 'btn-dark';
						}

var selectButtonLineID 		= 'select-button-line-id-' + buttonLine;
						var selectButtonLineIDmodal = 'select-button-line-id-modal-' + buttonLine + '_' + buttonCount;

HTMLlineButtons 		+=	'<button type="button" onclick="setWebserviceSearch(\'' + buttonLine + '\')" style="cursor:default" id="' + selectButtonLineID + '" class="btn ' + selectedButtonClass + ' select-button-line btn-sm mr-1 mb-1" onclick="firstPage(\'' + buttonLine + '\',\'' + '0' + '\',\'' + '' + '\',\'' + 'buttonPages' + '\')">'
												+ 	buttonLine + ' (<b>' + buttonCount + '</b>)'
												+	'</button>'

HTMLlineButtonsModal 	+=	'<button type="button" style="width:60px" id="' + selectButtonLineIDmodal + '" class="select-button-line-modal btn btn-primary btn-sm mr-1 mb-1" onclick="selectLineModal(\'' + buttonLine + '\')">'
												+ 	buttonLine
												+	'</button>'

});

$('#data-result-button-lines').html(HTMLlineButtons);
					$('#data-result-button-lines-modal').html(HTMLlineButtonsModal);

}
				//=====================================================================================

return jsonData.data;
			}
		},
		"processing": true,
		"serverSide": true,
        "responsive": true,
		"fixedHeader": true,
		"lengthMenu": [[10, 25, 50, 100, 250], [10, 25, 50, 100, 250]],
		"iDisplayLength": 25,
		"dom": 'lfip<bottom>Bp<"clear">',
        "order": [[ 0, "asc" ]],
		"columns":
				[
                    { data: "LILIN" }, // 0
                    { data: "WZART" }, // 1
                    { data: "WZDSC" }, // 2
					{
						// Since we are combining multiple data fields, use null as the data source
			            data: null,
			            //data: "ACTIV",
						render: function (data, type, row, meta)
						{
							// Create edit button
							//console.log('setDataTables: ' + row.ACTIV)

ACTIV = $('#modal-input-ACTIV').val()
							if ( ACTIV != '' ) {
								row.ACTIV = ACTIV;
							}

if ( row.ACTIV == '1') {
								var myACTIVEtext = '<div class="text-center text-success"><?php echo $datahub_YES ?></div>';
							} else {
								var myACTIVEtext = '<div class="text-center text-danger font-weight-bold"><?php echo $datahub_NO ?></div>';
							}

return myACTIVEtext;
						}
					},

{
						// Since we are combining multiple data fields, use null as the data source
						data: null,
						render: function (data, type, row, meta)
						{
							// Create edit button
							var myButton = '<button id="edt-' + row.LILIN + '-' + row.WZART + '" class="edit-btn btn btn-primary btn-block mr-1"><?php echo $datahub_button_show_details ?></button>';
							return myButton;
						}
					},
					{
						// Since we are combining multiple data fields, use null as the data source
						data: null,
			            // data: "WZART",
						render: function (data, type, row, meta)
						{
							// Create delete button
							var myButton = '<button id="dlt-' + row.LILIN + '-' + row.WZART + '" class="delete-btn btn btn-danger btn-block mr-1"><?php echo $datahub_button_delete ?></button>';
							return myButton;
						}
					},
					{ data: "CMPNO" }, // 6
					{ data: "WZHGH" }, // 7
					{ data: "WZRVS" }, // 8
					{ data: "WZBAR" }, // 9
					{ data: "WZCLR" }, // 10
					{ data: "WZPSZ" }, // 11
					{ data: "WZDT1" }, // 12
					{ data: "WZDT2" }, // 13
					{ data: "WZDT3" }, // 14
					{ data: "WZDT4" }, // 15
					{ data: "WZDT5" }, // 16
					{ data: "WZAC1" }, // 17
					{ data: "WZAC2" }, // 18
					{ data: "WZAC3" }, // 19
					{ data: "WZAC4" }, // 20
					{ data: "WZAC5" }, // 21
					{ data: "WZBTN" }, // 22
					{ data: "WZBTT" }, // 23
					{ data: "WZTINF"}, // 24
					{ data: "WZMPS" }, // 25
					{ data: "WZMLE" }, // 26
					{ data: "WZMLW" }, // 27
					{ data: "WZUNI" }, // 28
					{ data: "WZMLP" }, // 29
					{ data: "WZMLV" }, // 30
					{ data: "WZMWP" }, // 31
					{ data: "WZPTY" }, // 32
					{ data: "WZAIS" }, // 33
					{ data: "WZROW" }, // 34
					{ data: "WZTIR" }, // 35
					{ data: "WZNUM" }, // 36
					{ data: "WZPKT" }, // 37
					{ data: "WZIO1" }, // 38
					{ data: "WZIO2" }, // 39
					{ data: "WZIO3" }, // 40
					{ data: "WZWEI" }, // 41
					{ data: "WZMEA" }, // 42
					{ data: "WZCNT" }, // 43
					{ data: "WZSPW" }, // 44
					{ data: "RES1A" }, // 45
					{ data: "RES2A" }, // 46
					{ data: "RES3A" }, // 47
					{ data: "RES4A" }, // 48
					{ data: "RES1N" }, // 49
					{ data: "RES3N" }, // 50
					{ data: "RES5N" }, // 51
					{ data: "RES9N" }, // 52
					{ data: "WZBCL" }, // 53
					{ data: "WZBTP" }, // 54
                    { data: "WZQUA" }, // 55
                    { data: "WZBLD" }, // 56
                    { data: "ACTIV" }  // 57
                ],
		"columnDefs": [
				{
				"targets": [ 4 ],
				"visible": true,
				"searchable": false,
				 "orderable": false
				},
				{
				"targets": [ 5 ],
				"visible": show_the_delete_button,
				"searchable": false,
				 "orderable": false
				},
				{
				"targets": [ 2 ],
				"className": "text-truncate-dt"  //class to mimic text-truncate in dt
				},
				{
				"targets": [ 6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57 ],
				"visible": false,
				"searchable": false,
				"orderable": false
				},
				{
				"targets": [ 4,5 ],
				"width": '100px',
				"className": "text-align-dt"
				},

],
		"language":
		{
					"processing": 	 "<i class=\"fa fa-spinner fa-spin fa-3x fa-fw\"></i><span class=\"sr-only\"><?php echo $datahub_datatable_Processing ?></span>",
					"sProcessing":   "<?php echo $datahub_datatable_Processing ?>",
					"sLengthMenu":   "<?php echo $datahub_datatable_LengthMenu ?>",
					"sZeroRecords":  "<?php echo $datahub_datatable_ZeroRecords ?>",
					"sInfo":         "<?php echo $datahub_datatable_Info ?>",
					"sInfoEmpty":    "<?php echo $datahub_datatable_InfoEmpty ?>",
					"sInfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
					"sInfoPostFix":  "<?php echo $datahub_datatable_InfoPostFix ?>",
					"sLoadingRecords": "<?php echo $datahub_datatable_Processing ?>",
					"sSearch":       "<?php echo $datahub_datatable_Search ?>",
					"sUrl":          "<?php echo $datahub_datatable_Url ?>",
					"oPaginate": {
						"sFirst":    "<?php echo $datahub_datatable_First ?>",
						"sPrevious": "<?php echo $datahub_datatable_Previous ?>",
						"sNext":     "<?php echo $datahub_datatable_Next ?>",
						"sLast":     "<?php echo $datahub_datatable_Last ?>"
					}
		},
        "rowCallback": function(row, data, index)
		{

},
        "preDrawCallback": function(settings)
		{
		},
		"initComplete": function ()
		{

},
		"buttons": 	[
					{
						extend: 'pdf',
						text: '<img src="images/pdf_logo.png" height="25"> PDF',
						orientation: 'landscape',
						title: 'Config - Data Export - PDF',
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
						columns: [0,1,2,3,4,7,8,9,10,11,12],
						modifier: {
							page: 'all'
							}
						}
					},
					{
						extend: 'excel',
						text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
						title: function(){
							var p_id = $('#input-LILIN').val();
							return 'DATAHUB transactions file export - ' + p_id;
						},
						filename: function(){
							var p_id = $('#input-LILIN').val();
							return 'DATAHUB transactions file export - ' + p_id;
						},
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
							columns: [0,1,2,3,4,7,8,9,10,11,12]
						}
					},
					{
						extend: 'copy',
						text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
						title: 'Config Data Export - Copy',
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
							columns: [0,1,2,3,4,7,8,9,10,11,12]
						}
					}
					]

});

//=============================================================================
	// Setup the data to be able to update the table without reloading from the server
	//=============================================================================

// Save the table in a global variable
		thisGlobalTableData = $('#REEFTvisual_data').DataTable();

// Handle click on "Edit" button
		$('#REEFTvisual_data tbody').on('click', '.edit-btn', function() {
			thisCurrentRow 	= $(this).closest('tr');
			thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();

// Debug
			// console.log("edit");
			// console.log(thisGlobalRowData);
			//console.log(thisCurrentRow);

dataChange();

});

// Handle click on "Delete" button
		$('#REEFTvisual_data tbody').on('click', '.delete-btn', function() {
			thisCurrentRow 	= $(this).closest('tr');
			thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();

// Debug
			// console.log(thisGlobalRowData);
			// console.log(thisCurrentRow);

dataDeleteConfirm();

});

//=============================================================================

}

//=============================================================================
// Reason addd  -- not used
//=============================================================================
function dataAdd ( input_pk_type )
{

var myLILIN = $('#input-LILIN').val();

$('#input-mode').val('*add');

resetModalInputFields();
			setModalInputDefaultFields();

// Reset save field
			save_LILIN = '';
			save_WZART = '';

// Set active - default YES
			$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
			$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');

// Init example data
			setPNCtest();
			setExampleData();

// Hide example "browser"
			$('#show-example-wrapper').addClass('d-none');
			$('#button-moa-style-example').html('<?php echo $datahub_text0050 ?>')

// reset action buttons
			setActionPNC('*RESET','1','*');
			setActionPNC('*RESET','2','*');
			setActionPNC('*RESET','3','*');
			setActionPNC('*RESET','4','*');
			setActionPNC('*RESET','5','*');

setRES3AButton( 'N' );
			setRES2AButton( 'N' );
			setRES1AButton( 'N' );

setBoldMode('N');
			setBackGroundMode('PN');

// Reset modal message
			resetModalMessage();

// Remove key fields readonly
			$('#modal-input-LILIN').removeAttr('readonly','readonly');
			$('#modal-input-WZART').removeAttr('readonly','readonly');
			$('#data-result-button-lines-modal').removeClass('d-none');

// Show modal
			$('#wa0356_MaintainModal').modal('show');

$('#wa0356_MaintainModal').on('shown.bs.modal', function () {
				$('#modal-input-WZART').trigger('focus');
			})

}

//=============================================================================
// Show details
//=============================================================================
function dataChange( )
{

$('#input-mode').val('*update');

var row = thisGlobalRowData;

// Save in fields
	var ACTIV		= row["ACTIV"];
	var CMPNO		= row["CMPNO"];
	var LILIN		= row["LILIN"];
	var WZART		= row["WZART"];
	var WZDSC		= row["WZDSC"];
	var WZQUA		= row["WZQUA"];
	var WZBLD		= row["WZBLD"];
	var WZHGH		= row["WZHGH"];
	var WZRVS		= row["WZRVS"];
	var WZBAR		= row["WZBAR"];
	var WZCLR		= row["WZCLR"];
	var WZPSZ		= row["WZPSZ"];
	var WZDT1		= row["WZDT1"];
	var WZDT2		= row["WZDT2"];
	var WZDT3		= row["WZDT3"];
	var WZDT4		= row["WZDT4"];
	var WZDT5		= row["WZDT5"];
	var WZAC1		= row["WZAC1"];
	var WZAC2		= row["WZAC2"];
	var WZAC3		= row["WZAC3"];
	var WZAC4 		= row["WZAC4"];
	var WZAC5 		= row["WZAC5"];
	var WZBTN 		= row["WZBTN"];
	var WZBTT 		= row["WZBTT"];
	var WZTINF		= row["WZTINF"];
	var WZMPS 		= row["WZMPS"];
	var WZMLE 		= row["WZMLE"];
	var WZMLW 		= row["WZMLW"];
	var WZUNI 		= row["WZUNI"];
	var WZMLP 		= row["WZMLP"];
	var WZMLV		= row["WZMLV"];
	var WZMWP		= row["WZMWP"];
	var WZPTY		= row["WZPTY"];
	var WZAIS		= row["WZAIS"];
	var WZROW		= row["WZROW"];
	var WZTIR		= row["WZTIR"];
	var WZNUM		= row["WZNUM"];
	var WZPKT		= row["WZPKT"];
	var WZIO1		= row["WZIO1"];
	var WZIO2		= row["WZIO2"];
	var WZIO3		= row["WZIO3"];
	var WZWEI		= row["WZWEI"];
	var WZMEA		= row["WZMEA"];
	var WZCNT		= row["WZCNT"];
	var WZSPW		= row["WZSPW"];
	var RES1A		= row["RES1A"];
	var RES2A		= row["RES2A"];
	var RES3A		= row["RES3A"];
	var RES4A		= row["RES4A"];
	var RES1N		= row["RES1N"];
	var RES3N		= row["RES3N"];
	var RES5N		= row["RES5N"];
	var RES9N		= row["RES9N"];
	var WZBCL		= row["WZBCL"];
	var WZBTP		= row["WZBTP"];
	var counter     = row["counter"];

// Move to input fields
	$('#modal-input-counter').val(counter);

$('#modal-input-LILIN').val(LILIN);
	$('#modal-input-WZART').val(WZART);

$('#modal-input-ACTIV').val( ACTIV );
	$('#modal-input-CMPNO').val( CMPNO );
	$('#modal-input-LILIN').val( LILIN );
	$('#modal-input-WZART').val( WZART );
	$('#modal-input-WZDSC').val( WZDSC );
	$('#modal-input-WZQUA').val( WZQUA );
	$('#modal-input-WZBLD').val( WZBLD );
	$('#modal-input-WZHGH').val( WZHGH );
	$('#modal-input-WZRVS').val( WZRVS );
	$('#modal-input-WZBAR').val( WZBAR );
	$('#modal-input-WZCLR').val( WZCLR );
	$('#modal-input-WZPSZ').val( WZPSZ );
	$('#modal-input-WZDT1').val( WZDT1 );
	$('#modal-input-WZDT2').val( WZDT2 );
	$('#modal-input-WZDT3').val( WZDT3 );
	$('#modal-input-WZDT4').val( WZDT4 );
	$('#modal-input-WZDT5').val( WZDT5 );
	$('#modal-input-WZAC1').val( WZAC1 );
	$('#modal-input-WZAC2').val( WZAC2 );
	$('#modal-input-WZAC3').val( WZAC3 );
	$('#modal-input-WZAC4').val( WZAC4 );
	$('#modal-input-WZAC5').val( WZAC5 );
	$('#modal-input-WZBTN').val( WZBTN );
	$('#modal-input-WZBTT').val( WZBTT );
	$('#modal-input-WZTINF').val(WZTINF);
	$('#modal-input-WZMPS').val( WZMPS );
	$('#modal-input-WZMLE').val( WZMLE );
	$('#modal-input-WZMLW').val( WZMLW );
	$('#modal-input-WZUNI').val( WZUNI );
	$('#modal-input-WZMLP').val( WZMLP );
	$('#modal-input-WZMLV').val( WZMLV );
	$('#modal-input-WZMWP').val( WZMWP );
	$('#modal-input-WZPTY').val( WZPTY );
	$('#modal-input-WZAIS').val( WZAIS );
	$('#modal-input-WZROW').val( WZROW );
	$('#modal-input-WZTIR').val( WZTIR );
	$('#modal-input-WZNUM').val( WZNUM );
	$('#modal-input-WZPKT').val( WZPKT );
	$('#modal-input-WZIO1').val( WZIO1 );
	$('#modal-input-WZIO2').val( WZIO2 );
	$('#modal-input-WZIO3').val( WZIO3 );
	$('#modal-input-WZWEI').val( WZWEI );
	$('#modal-input-WZMEA').val( WZMEA );
	$('#modal-input-WZCNT').val( WZCNT );
	$('#modal-input-WZSPW').val( WZSPW );
	$('#modal-input-RES1A').val( RES1A );
	$('#modal-input-RES2A').val( RES2A );
	$('#modal-input-RES3A').val( RES3A );
	$('#modal-input-RES4A').val( RES4A );
	$('#modal-input-RES1N').val( RES1N );
	$('#modal-input-RES3N').val( RES3N );
	$('#modal-input-RES5N').val( RES5N );
	$('#modal-input-RES9N').val( RES9N );
	$('#modal-input-WZBCL').val( WZBCL );
	$('#modal-input-WZBTP').val( WZBTP );

if ( WZPSZ == '' ) {
				WZPSZ = 30;
				$('#modal-input-WZPSZ').val(WZPSZ);
			}

if ( WZBTP == '' ) {
				WZBTP = 'PN';
				$('#modal-input-WZBTP').val(WZBTP);
			}

// Save orginal department code
			save_LILIN = LILIN;
			save_WZART = WZART;

setRES3AButton( RES3A )
			setRES2AButton( RES2A )
			setRES1AButton( RES1A )

setBoldMode(WZBLD);
			setBackGroundMode(WZBTP);

// Set example data
			$('#example-WZART').html(WZART);
			$('#example-WZDSC').html(WZDSC);
			$('#example-WZQUA').html('1');

$('#modal-input-WZCLR').spectrum("set", '#' + WZCLR );
			$('#modal-input-WZBCL').spectrum("set", '#' + WZBCL );

setInputColorsToHiddenControlFields( 'modal-input-WZCLR', '#' + WZCLR );
			setInputColorsToHiddenControlFields( 'modal-input-WZBCL', '#' + WZBCL );
			setExampleData();

// 1 = *PDF
			// 2 = *PIC
			// 3 = *SCAN
			// 4 = *MOVIE
			// 5 = *LINK
			// 6 = *CHECK

if ( WZDT1 != '' ) {
				actionValue		 = WZAC1;
				actionButton_ID1 = '1';
				actionButton_ID2 = setActionType( WZAC1 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

if ( WZDT2 != '' ) {
				actionValue		 = WZAC2;
				actionButton_ID1 = '2';
				actionButton_ID2 = setActionType( WZAC2 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

if ( WZDT3 != '' ) {
				actionValue		 = WZAC3;
				actionButton_ID1 = '3';
				actionButton_ID2 = setActionType( WZAC3 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

if ( WZDT4 != '' ) {
				actionValue		 = WZAC4;
				actionButton_ID1 = '4';
				actionButton_ID2 = setActionType( WZAC4 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

if ( WZDT5 != '' ) {
				actionValue		 = WZAC5;
				actionButton_ID1 = '5';
				actionButton_ID2 = setActionType( WZAC5 )
				setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
			}

// Check active code
			if ( ACTIV != '1' && ACTIV != '0' ) {
				ACTIV = '1';
			}

$('#modal-input-ACTIV').val( ACTIV );

// Set active - default YES
			if ( ACTIV == '1' ) {
				$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
				$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
			} else {
				$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
				$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');

}

// Make key fields readonly
			$('#modal-input-LILIN').attr('readonly','readonly');
			$('#modal-input-WZART').attr('readonly','readonly');
			$('#data-result-button-lines-modal').addClass('d-none');

// setRES3AButton( RES3A )
	// setRES2AButton( RES2A )
	// setRES1AButton( RES1A )

// setBoldMode(WZBLD);
	// setBackGroundMode(WZBTP);

// Save orginal department code
	// save_LILIN = LILIN;
	// save_WZART = WZART;

// Make key fields readonly
	//$('#data-result-button-lines-modal').addClass('d-none');

//$('.read-only-class').attr('readonly','readonly');

// Reset modal message
	resetModalMessage();

// Show modal
	$('#wa0356_MaintainModal').modal('show');

$('#wa0356_MaintainModal').on('shown.bs.modal', function () {
		$('#modal-input-WZART').trigger('focus');
	})

}

//=============================================================================
// Save
//=============================================================================
function dataSave()
{
	// Reset modal message
	resetModalMessage();

// Check content of fields
	if ( $('#modal-input-LILIN').val() == '' ) {
		$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0082 ?>' );
		$('#modal-save-button').addClass('disabled').prop("disabled", true);
		return false;
	}

// if ( $('#modal-input-LSTCAL').val() == '' ) {
		// $('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0083 ?>' );
		// $('#modal-save-button').addClass('disabled').prop("disabled", true);
		// return false;
	// }

// if ( $('#modal-input-DESCP1').val() == '' ) {
		// $('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0084 ?>' );
		// $('#modal-save-button').addClass('disabled').prop("disabled", true);
		// $('#modal-input-DESCP1').trigger('focus');
		// return false;
	// }

// if ( $('#modal-input-DESCP2').val() == '' ) {
		// $('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0085 ?>' );
		// $('#modal-save-button').addClass('disabled').prop("disabled", true);
		// $('#modal-input-DESCP1').trigger('focus');
		// return false;
	// }

var mode = $('#input-mode').val();

//===============================================================================
	// Remove # if any
	//===============================================================================

// Setup remove string
		let mySaveString;

// var myWorkField = $('#modal-input-DESCP1').val();
		// myWorkField = myWorkField.replace("#", "");
		// $('#modal-input-DESCP1').val( myWorkField );

// var myWorkField = $('#modal-input-DESCP2').val();
		// myWorkField = myWorkField.replace("#", "");
		// $('#modal-input-DESCP2').val( myWorkField );

//===============================================================================

// Make sure key does not have space and are in uppercase
	// var myWorkField = $('#modal-input-LILIN').val();
	// myWorkField = myWorkField.replace(" ", "_");
	// myWorkField = myWorkField.toUpperCase();
	// $('#modal-input-LILIN').val( myWorkField );

// Make array and json
	var myData = $('#dataForm').find('input, select, textarea').serializeArray();

var result = JSON.stringify(myData);

var result = encodeURIComponent( result );
	// console.log(result);
	// console.log(myData);
	// return;

var parmData = 'data=' + result
				 + '&mode=' + mode
				 ;

$.ajax({
		url: "hub_wa0356_maintain_save.php",
		type: "POST",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

//=================================================================
		// START - Update the table without doing a server reload
		// Only update
		//=================================================================
		if ( mode == '*update' ) {

event.preventDefault();

//			var myACTIV = $('#modal-input-ACTIV').val();

// console.log('myACTIV 1: ' + myACTIV)

// if ( myACTIV == '1') {
				// myACTIVEtext = '<div class="text-center">Yes</div>';
				// myACTIVEtext = 'YES';
			// } else {
				// myACTIVEtext = '<div class="text-center">No</div>';
				// myACTIVEtext = 'NO';
			// }

// Debug
			// console.log(myGlobalRowData[0]);
			// console.log(myGlobalRowData[1]);
			// console.log(myGlobalRowData[2]);
			// console.log(myCurrentRow);
			// console.table(myGlobalTableData);

// Get the data for the "Change/Delete button", so we do not need to create it again
			// myChangeButtonData = myGlobalRowData[6];
			// myDeleteButtonData = myGlobalRowData[7];

//==============================================
			// Use this if you want to update the whole row
			//==============================================
			// myGlobalTableData.row(myCurrentRow).data([
														// modal_input_LILIN,
														// modal_input_LSTCAL,
														// modal_input_DESCP1,
														// modal_input_DESCP2,
														// modal_input_COUNT,
														// modal_input_SERTYP,
														// myChangeButtonData,
														// myDeleteButtonData,
														// modal_input_DESCP1,
														// modal_input_DESCP2
													// ])
													// .draw(false)
													// ;

//=======================================================
			// Use this if you want to update one or more table cells
			//=======================================================
			thisGlobalTableData.cell(thisCurrentRow,  0  ).data($('#modal-input-LILIN').val() );
			thisGlobalTableData.cell(thisCurrentRow,  1  ).data($('#modal-input-WZART').val() );
			thisGlobalTableData.cell(thisCurrentRow,  2  ).data($('#modal-input-WZDSC').val() );
			thisGlobalTableData.cell(thisCurrentRow,  3  ).data($('#modal-input-ACTIV').val() );
			// 4 = Edit button
			// 5 = Delete button
			thisGlobalTableData.cell(thisCurrentRow,  6  ).data($('#modal-input-CMPNO').val() );
			thisGlobalTableData.cell(thisCurrentRow,  7  ).data($('#modal-input-WZHGH').val() );
			thisGlobalTableData.cell(thisCurrentRow,  8  ).data($('#modal-input-WZRVS').val() );
			thisGlobalTableData.cell(thisCurrentRow,  9  ).data($('#modal-input-WZBAR').val() );
			thisGlobalTableData.cell(thisCurrentRow,  10 ).data($('#modal-input-WZCLR').val() );
			thisGlobalTableData.cell(thisCurrentRow,  11 ).data($('#modal-input-WZPSZ').val() );
			thisGlobalTableData.cell(thisCurrentRow,  12 ).data($('#modal-input-WZDT1').val() );
			thisGlobalTableData.cell(thisCurrentRow,  13 ).data($('#modal-input-WZDT2').val() );
			thisGlobalTableData.cell(thisCurrentRow,  14 ).data($('#modal-input-WZDT3').val() );
			thisGlobalTableData.cell(thisCurrentRow,  15 ).data($('#modal-input-WZDT4').val() );
			thisGlobalTableData.cell(thisCurrentRow,  16 ).data($('#modal-input-WZDT5').val() );
			thisGlobalTableData.cell(thisCurrentRow,  17 ).data($('#modal-input-WZAC1').val() );
			thisGlobalTableData.cell(thisCurrentRow,  18 ).data($('#modal-input-WZAC2').val() );
			thisGlobalTableData.cell(thisCurrentRow,  19 ).data($('#modal-input-WZAC3').val() );
			thisGlobalTableData.cell(thisCurrentRow,  20 ).data($('#modal-input-WZAC4').val() );
			thisGlobalTableData.cell(thisCurrentRow,  21 ).data($('#modal-input-WZAC5').val() );
			thisGlobalTableData.cell(thisCurrentRow,  22 ).data($('#modal-input-WZBTN').val() );
			thisGlobalTableData.cell(thisCurrentRow,  23 ).data($('#modal-input-WZBTT').val() );
			thisGlobalTableData.cell(thisCurrentRow,  24 ).data($('#modal-input-WZTINF').val());
			thisGlobalTableData.cell(thisCurrentRow,  25 ).data($('#modal-input-WZMPS').val() );
			thisGlobalTableData.cell(thisCurrentRow,  26 ).data($('#modal-input-WZMLE').val() );
			thisGlobalTableData.cell(thisCurrentRow,  27 ).data($('#modal-input-WZMLW').val() );
			thisGlobalTableData.cell(thisCurrentRow,  28 ).data($('#modal-input-WZUNI').val());
			thisGlobalTableData.cell(thisCurrentRow,  29 ).data($('#modal-input-WZMLP').val() );
			thisGlobalTableData.cell(thisCurrentRow,  30 ).data($('#modal-input-WZMLV').val() );
			thisGlobalTableData.cell(thisCurrentRow,  31 ).data($('#modal-input-WZMWP').val() );
			thisGlobalTableData.cell(thisCurrentRow,  32 ).data($('#modal-input-WZPTY').val() );
			thisGlobalTableData.cell(thisCurrentRow,  33 ).data($('#modal-input-WZAIS').val() );
			thisGlobalTableData.cell(thisCurrentRow,  34 ).data($('#modal-input-WZROW').val() );
			thisGlobalTableData.cell(thisCurrentRow,  35 ).data($('#modal-input-WZTIR').val() );
			thisGlobalTableData.cell(thisCurrentRow,  36 ).data($('#modal-input-WZNUM').val() );
			thisGlobalTableData.cell(thisCurrentRow,  37 ).data($('#modal-input-WZPKT').val() );
			thisGlobalTableData.cell(thisCurrentRow,  38 ).data($('#modal-input-WZIO1').val() );
			thisGlobalTableData.cell(thisCurrentRow,  39 ).data($('#modal-input-WZIO2').val() );
			thisGlobalTableData.cell(thisCurrentRow,  40 ).data($('#modal-input-WZIO3').val() );
			thisGlobalTableData.cell(thisCurrentRow,  41 ).data($('#modal-input-WZWEI').val() );
			thisGlobalTableData.cell(thisCurrentRow,  42 ).data($('#modal-input-WZMEA').val() );
			thisGlobalTableData.cell(thisCurrentRow,  43 ).data($('#modal-input-WZCNT').val() );
			thisGlobalTableData.cell(thisCurrentRow,  44 ).data($('#modal-input-WZSPW').val() );
			thisGlobalTableData.cell(thisCurrentRow,  45 ).data($('#modal-input-RES1A').val() );
			thisGlobalTableData.cell(thisCurrentRow,  46 ).data($('#modal-input-RES2A').val() );
			thisGlobalTableData.cell(thisCurrentRow,  47 ).data($('#modal-input-RES3A').val() );
			thisGlobalTableData.cell(thisCurrentRow,  48 ).data($('#modal-input-RES4A').val() );
			thisGlobalTableData.cell(thisCurrentRow,  49 ).data($('#modal-input-RES1N').val() );
			thisGlobalTableData.cell(thisCurrentRow,  50 ).data($('#modal-input-RES3N').val() );
			thisGlobalTableData.cell(thisCurrentRow,  51 ).data($('#modal-input-RES5N').val() );
			thisGlobalTableData.cell(thisCurrentRow,  52 ).data($('#modal-input-RES9N').val() );
			thisGlobalTableData.cell(thisCurrentRow,  53 ).data($('#modal-input-WZBCL').val() );
			thisGlobalTableData.cell(thisCurrentRow,  54 ).data($('#modal-input-WZBTP').val() );
			thisGlobalTableData.cell(thisCurrentRow,  55 ).data($('#modal-input-WZQUA').val() );
			thisGlobalTableData.cell(thisCurrentRow,  56 ).data($('#modal-input-WZBLD').val() );
			thisGlobalTableData.cell(thisCurrentRow,  57 ).data($('#modal-input-ACTIV').val() );
			//.draw(false);

}
		//=================================================================
		// END - Update the table without doing a server reload
		//=================================================================

//=================================================================
		// Close the modal
		//=================================================================
		$('#wa0356_MaintainModal').modal('hide');

//=================================================================
		// Only when add
		//=================================================================
		if ( mode == '*add' ) {
			var myButtonID = 'select-button-line-id-' + $('#input-LILIN').val();
			$('#' + myButtonID).click();
		}

})
	.always(function( jsonData ) {

// Reset mode
		$('#input-mode').val('');

// Reset input fields
		resetModalInputFields();

// reset action buttons
		setActionPNC('*RESET','1','*');
		setActionPNC('*RESET','2','*');
		setActionPNC('*RESET','3','*');
		setActionPNC('*RESET','4','*');
		setActionPNC('*RESET','5','*');

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( thrownError );
		console.log( xhr );

});

}

//=============================================================================
// Delete confirm
	//=============================================================================
function dataDeleteConfirm( )
{

$('#input-mode').val('*delete');

var row = thisGlobalRowData;

var input_LILIN = row["LILIN"];
	var input_WZART = row["WZART"];

$('#confirm-delete-LILIN').val(input_LILIN);
	$('#confirm-delete-WZART').val(input_WZART);

// Create confirm text
	$('#confirm-delete-text-WZART').html(input_WZART);

$('#wa0356_confirmDeleteModal').modal('show');

}

//=============================================================================
// Delete
//=============================================================================
function dataDeleteExec()
{
	// Reset modal message
	resetModalMessage();

var mode = $('#input-mode').val();

// Make array and json
	var myData = $('#dataForm-delete').find('input, select').serializeArray();
	var result = JSON.stringify(myData);

// console.log(result);
	// console.log(myData);
	//return;

var parmData = 'data=' + result
				 + '&mode=' + mode
				 ;

$.ajax({
		url: "hub_wa0356_maintain_save.php",
		type: "POST",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

$('#wa0356_confirmDeleteModal').modal('hide');
			var myButtonID = 'select-button-line-id-' + $('#input-LILIN').val();
			$('#' + myButtonID).click();
			//thisGlobalTableData.draw();

})
	.always(function( jsonData ) {

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

});

}

//=============================================================================
// Check if userid exists
//=============================================================================
function checkDataExists()
{

var WZART = $('#modal-input-WZART').val();

// If update, then the "orginal" code is ok
	if ( $('#input-mode').val() == '*update' ) {
		if ( WZART == save_WZART ) {
	//		return;
		}
	}

var parmData = 'prdno=' + WZART
				 ;

$.ajax({
		url: "hub_wa0357_maintain_get.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

var returnCode 		= jsonData.header.returnCode;
		var returnMsg 		= jsonData.header.returnMsg;
		var entries_found 	= jsonData.header.entries_found;

if ( returnCode == '50') {
			$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0080 ?>' );
			$('#modal-save-button').addClass('disabled').prop("disabled", true);
			$('#modal-input-WZART').trigger('focus');
			$('#modal-input-WZDSC').val( '' );
			return false;
		} else {
			DESCP = jsonData.detail[0].DESCP
			$('#modal-input-WZDSC').val( DESCP );
		}

// Reset modal message
		resetModalMessage();

})
	.always(function( jsonData ) {

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

});

}

//=============================================================================
// Show deleted
//=============================================================================
function showDeleted()
{

var show_deleted = $('#input-show-deleted').val();

if ( show_deleted == 'Y' ) {
		$('#button-show-deleted').html('<?php echo $datahub_NO ?>');
		$('#input-show-deleted').val('N');
	} else {
		$('#button-show-deleted').html('<?php echo $datahub_YES ?>');
		$('#input-show-deleted').val('Y');
	}

getData('');

}

//=============================================================================
// Set Active Button (Yes/No)
//=============================================================================
function setActiveButton( activeMode )
{

if ( activeMode == '1' ) {
		$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
		$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
	} else {
		$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');
		$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
	}

$('#modal-input-ACTIV').val(activeMode );
}

//=============================================================================
// Set example data
//=============================================================================
function setExampleData( )
{

let boldMode 			= $('#modal-input-WZBLD').val();
	let myBackGroundType 	= $('#modal-input-WZBTP').val();
	let myTextColor 		= $("#modal-input-WZCLR").spectrum('get').toHexString();
	let myBgColor 			= $("#modal-input-WZBCL").spectrum('get').toHexString();

if ( myTextColor == '#000000' && myTextColor == '#000000' )
	{
		myTextColor = '#000000';
		myBgColor	= '#ffffff';
		$('#modal-input-WZCLR').spectrum("set", myTextColor );
		$('#modal-input-WZBCL').spectrum("set", myBgColor );

}

//============================================================================
	// Reset all
	//============================================================================
	$('#example-WZART').css('color', 'black');
	$('#example-WZDSC').css('color', 'black');
	$('#example-WZQUA').css('color', 'black');

$('#example-WZART').css('background-color', 'white');
	$('#example-WZDSC').css('background-color', 'white');
	$('#example-WZQUA').css('background-color', 'white');

$('#example-WZART').removeClass('font-weight-bold');
	$('#example-WZDSC').removeClass('font-weight-bold');
	$('#example-WZQUA').removeClass('font-weight-bold');

$('.example-row-mode').css('background-color', 'white');

//============================================================================
	// Bold
	//============================================================================

// Bold on PNC level
	if ( myBackGroundType == 'PN')
	{

console.log('Bold')

if ( boldMode == 'Y' ) {
			$('#example-WZART').addClass( 'font-weight-bold' );
		} else {
			$('#example-WZART').removeClass( 'font-weight-bold' );
		}

}

// Bold on PNC/Descp level
	if ( myBackGroundType == 'RW')
	{

if ( boldMode == 'Y' ) {
			$('#example-WZART').addClass( 'font-weight-bold' );
			$('#example-WZDSC').addClass( 'font-weight-bold' );
			$('#example-WZQUA').addClass( 'font-weight-bold' );

} else {
			$('#example-WZART').removeClass( 'font-weight-bold' );
			$('#example-WZDSC').removeClass( 'font-weight-bold' );
			$('#example-WZQUA').removeClass( 'font-weight-bold' );

}

//============================================================================
	// Font size
	//============================================================================
	// Get value and add to example
	let myPointSize = $('#modal-input-WZPSZ').val();

if ( myBackGroundType == 'PN') {
		$('#example-WZART').css('font-size', myPointSize + 'px' );
		$('#example-WZDSC').css('font-size', myPointSize + 'px' );
		$('#example-WZQUA').css('font-size', myPointSize + 'px' );
	}
	if ( myBackGroundType == 'RW') {
		$('#example-WZART').css('font-size', myPointSize + 'px' );
		$('#example-WZDSC').css('font-size', myPointSize + 'px' );
		$('#example-WZQUA').css('font-size', myPointSize + 'px' );
	}

//============================================================================
	// Color
	//============================================================================

if ( myBackGroundType == 'PN')
	{

$('#example-WZART').css('color', myTextColor);
		$('#example-WZDSC').css('color', myTextColor);
		$('#example-WZQUA').css('color', myTextColor);

$('#example-WZART').css('background-color', myBgColor);
		$('#example-WZDSC').css('background-color', myBgColor);
		$('#example-WZQUA').css('background-color', myBgColor);
	}

if ( myBackGroundType == 'RW')
	{

$('#example-WZART').css('color', myTextColor);
		$('#example-WZDSC').css('color', myTextColor);
		$('#example-WZQUA').css('color', myTextColor);

$('#example-WZART').css('background-color', myBgColor);
		$('#example-WZDSC').css('background-color', myBgColor);
		$('#example-WZQUA').css('background-color', myBgColor);

//$('.example-col-WZART').css('background-color', '');
		$('.example-row-mode').css('background-color', myBgColor);
	}

}

//=============================================================================
// Set bold Y/N
//=============================================================================
function setBoldMode( boldMode )
{

if ( boldMode == 'Y' ) {
		$('#button-bold-mode-yes').removeClass('btn-primary').addClass('btn-success');
		$('#button-bold-mode-no').removeClass('btn-success').addClass('btn-primary');
	} else {
		$('#button-bold-mode-yes').removeClass('btn-success').addClass('btn-primary');
		$('#button-bold-mode-no').removeClass('btn-primary').addClass('btn-success');
	}

$('#modal-input-WZBLD').val( boldMode );

// Set example data
	setExampleData();

}

//=============================================================================
// Set default modal input fields
//=============================================================================
function setModalInputDefaultFields()
{

var myLILIN = $('#input-LILIN').val();

$('#modal-input-ACTIV').val('1');
			$('#modal-input-LILIN').val( myLILIN );
			$('#modal-input-WZQUA').val('1');
			$('#modal-input-WZPSZ').val('30');
			$('#modal-input-WZNUM').val('0');
			$('#modal-input-RES1A').val('N');
			$('#modal-input-RES2A').val('N');
			$('#modal-input-RES3A').val('N');
			$('#modal-input-RES1N').val('0');
			$('#modal-input-RES3N').val('0');
			$('#modal-input-RES5N').val('0');
			$('#modal-input-RES9N').val('0');
			$('#modal-input-WZBTP').val('PN');

$('#modal-input-WZCLR').spectrum("set", '#000' );
			$('#modal-input-WZBCL').spectrum("set", '#FFF' );

}

//=============================================================================
// Reset modal input fields
//=============================================================================
function resetModalInputFields()
{

$('#modal-input-ACTIV').val('');
			$('#modal-input-CMPNO').val('');
			$('#modal-input-LILIN').val('');
			$('#modal-input-WZART').val('');
			$('#modal-input-WZQUA').val('');
			$('#modal-input-WZDSC').val('');
			$('#modal-input-WZBLD').val('');
			$('#modal-input-WZHGH').val('');
			$('#modal-input-WZRVS').val('');
			$('#modal-input-WZRVS').val('');
			$('#modal-input-WZBAR').val('');
			$('#modal-input-WZCLR').val('');
			$('#modal-input-WZPSZ').val('');
			$('#modal-input-WZDT1').val('');
			$('#modal-input-WZDT2').val('');
			$('#modal-input-WZDT3').val('');
			$('#modal-input-WZDT4').val('');
			$('#modal-input-WZDT5').val('');
			$('#modal-input-WZAC1').val('');
			$('#modal-input-WZAC2').val('');
			$('#modal-input-WZAC3').val('');
			$('#modal-input-WZAC4').val('');
			$('#modal-input-WZAC5').val('');
			$('#modal-input-WZBTN').val('');
			$('#modal-input-WZBTT').val('');
			$('#modal-input-WZTINF').val('');
			$('#modal-input-WZMPS').val('');
			$('#modal-input-WZMLE').val('');
			$('#modal-input-WZMLW').val('');
			$('#modal-input-WZUNI').val('');
			$('#modal-input-WZMLP').val('');
			$('#modal-input-WZMLV').val('');
			$('#modal-input-WZMWP').val('');
			$('#modal-input-WZPTY').val('');
			$('#modal-input-WZAIS').val('');
			$('#modal-input-WZROW').val('');
			$('#modal-input-WZTIR').val('');
			$('#modal-input-WZNUM').val('');
			$('#modal-input-WZPKT').val('');
			$('#modal-input-WZIO1').val('');
			$('#modal-input-WZIO2').val('');
			$('#modal-input-WZIO3').val('');
			$('#modal-input-WZWEI').val('');
			$('#modal-input-WZMEA').val('');
			$('#modal-input-WZCNT').val('');
			$('#modal-input-WZSPW').val('');
			$('#modal-input-RES1A').val('');
			$('#modal-input-RES2A').val('');
			$('#modal-input-RES3A').val('');
			$('#modal-input-RES4A').val('');
			$('#modal-input-RES1N').val('');
			$('#modal-input-RES3N').val('');
			$('#modal-input-RES5N').val('');
			$('#modal-input-RES9N').val('');
			$('#modal-input-WZBCL').val('');
			$('#modal-input-WZBTP').val('');

}

//=============================================================================
// Set PNC text
//=============================================================================
function setPNCtest()
{

// Get PNC
	let myWZART = $('#modal-input-WZART').val();
	let myWZDSC = $('#modal-input-WZDSC').val();
	let myWZQUA = $('#modal-input-WZQUA').val();

if ( myWZART == '' ) {
		$('#example-WZART').html('PNC');
	} else {
		$('#example-WZART').html( myWZART );
	}

if ( myWZDSC == '' ) {
		$('#example-WZDSC').html('DSC');
	} else {
		$('#example-WZDSC').html( myWZDSC );
	}

if ( myWZQUA == '0' || myWZQUA == '' ) {
		$('#example-WZQUA').html('QUA');
	} else {
		$('#example-WZQUA').html( myWZQUA );
	}

}

//=============================================================================
// Set action for this PNC
//=============================================================================
function setActionPNC( actionValue, actionButton_ID1, actionButton_ID2)
{

// Create some ids
	let buttonID 		= 'action-button-' + actionButton_ID1 + '-' + actionButton_ID2;
	let buttonClass 	= 'action-class-section-' + actionButton_ID1;
	let buttonInput		= 'modal-input-WZAC' + actionButton_ID1
	let buttonInputURL	= 'modal-input-WZDT' + actionButton_ID1

if ( actionValue == '*RESET' ) {

$('.' + buttonClass ).removeClass('bg-success text-white xtext-dark').addClass('fa-thin');
		$('#' + buttonInput ).val( '' );

} else {

// Set all button
		$('.' + buttonClass ).removeClass('bg-success text-white xtext-dark').addClass('fa-thin');

// Set "the" button
		$('#' + buttonID ).addClass('bg-success text-white');

// Set "the" value
		$('#' + buttonInput ).val( actionValue );

}

// Place cusor
	$('#' + buttonInputURL ).trigger('focus');

}

//=============================================================================
// Set background type mode
//=============================================================================
function setBackGroundMode( bgTpMode )
{

if ( bgTpMode == 'RW' ) {
			$('#button-bgtype-mode-rw').removeClass('btn-primary').addClass('btn-success');
			$('#button-bgtype-mode-pn').removeClass('btn-success').addClass('btn-primary');

// Change borders
			$('.example-row-mode').addClass('border border-dark');
			$('.example-col-mode').removeClass('border border-dark');

} else {
			$('#button-bgtype-mode-rw').removeClass('btn-success').addClass('btn-primary');
			$('#button-bgtype-mode-pn').removeClass('btn-primary').addClass('btn-success');

// Change borders
			$('.example-col-mode').addClass('border border-dark');
			$('.example-row-mode').removeClass('border border-dark');

}

$('#modal-input-WZBTP').val( bgTpMode );

// Show example
		setExampleData();

}

//=============================================================================
// Log off
//=============================================================================
function signoff()
{

window.location.href = "logout.php";

}

//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{

window.location.href = url;

}

//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {

// Reset
	//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( '&nbsp;' );

$('#modal-message').removeClass('border-bottom').html( '&nbsp;' );
	$('#modal-save-button').removeClass('disabled').prop("disabled", false);

}

//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{

let charactersToRemove = '?#"\'';
	let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');

myWorkField = myWorkField.replace(myPattern,'');

return myWorkField;

}

//=============================================================================
// Full screen popup
//=============================================================================
function popUpFull( url, p1, p2, p3 )
{

var winname = 'win_' + url;

params  = 'width='+screen.width;
	params += ', height='+screen.height;
	params += ', top=0, left=0'
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// screen popup - center
//=============================================================================
function popUpCenter(url, p1, p2, p3)
{

var v1_w  = screen.availWidth;
	var v1_h  = screen.availHeight;

if ( parseInt(v1_w) > 1800 ) {
		v1_w = 1800;
		v1_h = v1_h - 200;
		v1_center = v1_w/0.8;
	}

// Center popup as good as possible
	var left = (screen.width - v1_w) / 2;
	var top = (screen.height - v1_h) / 4;

var winname = 'win_' + url;

params  = 'width='+v1_w;
	params += ', height='+v1_h;
	params += ', top=' + top + ', left=' + left;
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// screen popup - center - bigger
//=============================================================================
function popUpCenterBig(url, p1, p2, p3)
{

var v1_w  = screen.availWidth;
	var v1_h  = screen.availHeight;

// Get 25%
	v1_w_pct = v1_w * 0.25;

v1_w_new = v1_w - v1_w_pct;

if ( v1_w_new < 1 ) {
		v1_w_new	= 1800;
	}

v1_w = v1_w_new;
	v1_h = v1_h - 200;
	v1_center = v1_w/0.8;

// Center popup as good as possible
	var left = (screen.width - v1_w) / 2;
	var top = (screen.height - v1_h) / 4;

var winname = 'win_' + url;

params  = 'width='+v1_w;
	params += ', height='+v1_h;
	params += ', top=' + top + ', left=' + left;
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// Popup top
//=============================================================================
function popUpTop(url, p1, p2, p3)
{

var winname = 'win_' + url;

w = 650;
	h = 750;

params  = 'width='+w;
	params += ', height='+h;
	params += ', top=0, left=0'
	params += ', fullscreen=no';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;
}

//=============================================================================
// Format prodid
//=============================================================================
function formatPRODID( input_PRODID )
{

// Ensure the input is a string
    let str = input_PRODID.toString();

// Insert hyphens at specific positions
    let formattedStr = str.slice(0, 5) + '-' + str.slice(5, 15) + '-' + str.slice(15);

return formattedStr;

}

//=============================================================================
// Set hidden input colors
//=============================================================================
function setInputColorsToHiddenControlFields( myID, myColor )
{
	if ( myID == 'modal-input-WZCLR' ) {
		$('#input-current-text-color').val( myColor );
	}

if ( myID == 'modal-input-WZBCL' ) {
		$('#input-current-background-color').val( myColor );
	}

}

let charactersToRemove = '?#"\'';
	let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');

myWorkField = myWorkField.replace(myPattern,'');

return myWorkField;

}

//=============================================================================
// Show MOA style example
//=============================================================================
function showMOAstyleExample()
{

if ( $('#show-example-wrapper').hasClass('d-none') ) {
		$('#show-example-wrapper').removeClass('d-none');
		$('#button-moa-style-example').html('<?php echo $datahub_text0051 ?>')
	} else {
		$('#show-example-wrapper').addClass('d-none');
		$('#button-moa-style-example').html('<?php echo $datahub_text0050 ?>')
	}

}

//=============================================================================
// Set RES3A button -  Show location on takt/moa list
//=============================================================================
function setRES3AButton( activeMode )
{

if ( activeMode == 'Y' ) {
		$('#button-RES3A-yes').removeClass('btn-primary').addClass('btn-success');
		$('#button-RES3A-no').removeClass('btn-success').addClass('btn-primary');
	} else {
		$('#button-RES3A-yes').removeClass('btn-success').addClass('btn-primary');
		$('#button-RES3A-no').removeClass('btn-primary').addClass('btn-success');
	}

$('#modal-input-RES3A').val(activeMode );
}

//=============================================================================
// Set RES2A button - Use full screen
//=============================================================================
function setRES2AButton( activeMode )
{

if ( activeMode == 'Y' ) {
		$('#button-RES2A-yes').removeClass('btn-primary').addClass('btn-success');
		$('#button-RES2A-no').removeClass('btn-success').addClass('btn-primary');
	} else {
		$('#button-RES2A-yes').removeClass('btn-success').addClass('btn-primary');
		$('#button-RES2A-no').removeClass('btn-primary').addClass('btn-success');
	}

$('#modal-input-RES2A').val(activeMode );
}

//=============================================================================
// Set RES1A button - Use full screen
//=============================================================================
function setRES1AButton( activeMode )
{

if ( activeMode == 'Y' ) {
		$('#button-RES1A-yes').removeClass('btn-primary').addClass('btn-success');
		$('#button-RES1A-no').removeClass('btn-success').addClass('btn-primary');
	} else {
		$('#button-RES1A-yes').removeClass('btn-success').addClass('btn-primary');
		$('#button-RES1A-no').removeClass('btn-primary').addClass('btn-success');
	}

$('#modal-input-RES1A').val(activeMode );
}

//=============================================================================
// Select line modal
//=============================================================================
function selectLineModal( inputLine )
{

$('#modal-input-LILIN').val( inputLine );

var selectButtonLineID = 'select-button-line-id-modal-' + inputLine;

$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
	$('#' + selectButtonLineID).removeClass('btn-primary').addClass('btn-success');

// Place cursor
	$('#modal-input-WZART').trigger('focus');
	resetModalMessage();

}

//=============================================================================
// Reset line modal
//=============================================================================
function resetLineModal()
{

resetModalMessage()

let inputLine = $('#modal-input-LILIN').val();

if ( inputLine == '' ) {
		$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
	}

}

//=============================================================================
// Set action type
//=============================================================================
function setActionType( inputType )
{

outputType = '';

if ( inputType == '*PDF' ) {
		outputType = '1';
	}
	if ( inputType == '*PIC' ) {
		outputType = '2';
	}
	if ( inputType == '*SCAN' ) {
		outputType = '3';
	}
	if ( inputType == '*MOVIE' ) {
		outputType = '4';
	}
	if ( inputType == '*LINK' ) {
		outputType = '5';
	}
	if ( inputType == '*CHECK' ) {
		outputType = '6';
	}

return outputType;

}

//=============================================================================
// Open previewer
//=============================================================================
function preViewElement( myElement )
{

let h = $(window).height();
	let w = $(window).width();

console.log('h: ' + h + ' -- ' + 'w: ' + w);

h = h * 0.75;

console.log('h: ' + h + ' -- ' + 'w: ' + w);

// Create ID
	let myID = '#' + myElement;
	let myURL = $( myID ).val();
	let myIFRAME = '<iframe style="height:' + h + 'px;width:100%;" src=' + myURL +'></iframe>';

// Set iframe
	$('#modal-preview-iframe').html( myIFRAME );

// Show modal
	$('#wa0356_previewModal').modal('show');

}

//=============================================================================
// Set changed modal data
//=============================================================================
function setChangedModalData( myLILIN, myWZART, myWZDSC, myACTIV )
{

$('#modal-input-LILIN').val( myLILIN );
	$('#modal-input-WZART').val( myWZART );
	$('#modal-input-WZDSC').val( myWZDSC );
	$('#modal-input-ACTIV').val( myACTIV );

}

//=============================================================================
// Get data - search
//=============================================================================
function setWebserviceSearch( input_LILIN )
{

// Save curreent webservice name
	$('#input-LILIN').val( input_LILIN );

var selectButtonLineID 		= 'select-button-line-id-' + input_LILIN;

// Set clicked button
	$('.select-button-line').removeClass('btn-success').addClass('btn-dark');
	$('#' + selectButtonLineID).removeClass('btn-dark').addClass('btn-success');

// Search - destory table and start over again
	 $('#REEFTvisual_data').DataTable().clear().destroy();
	setDataTables();

}

//=============================================================================
// Close modal
//=============================================================================
function closeModal() {

$('#wa0356_MaintainModal').modal('hide');

}

//=============================================================================
// Set clock
//=============================================================================
function updateClock() {

var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
	currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )

$('#current-time').html( currentTime );

}

//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{

// Do not show deleted
	$('#input-show-deleted').val('Y');
	$('#input-LILIN').val('<?php echo $LILIN ?>');

// Get data done by datatables
	setDataTables();

$('#delay-marker-id').html('<i id="delay-marker-icon-id" class="text-success fa-solid fa-circle"></i>');

//-----------------------------------------------------------------------
	// Start the clock
	//-----------------------------------------------------------------------
		updateClock();
		setInterval(function() {
			updateClock();
		}, 1000); 
	//-----------------------------------------------------------------------

//-----------------------------------------------------------------------
	// Set font awesome icon type
	//-----------------------------------------------------------------------
	// Value is from config/config.php
	var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
	setFontAwesomeIconType( iconType );
	//-----------------------------------------------------------------------

//-----------------------------------------------------------------------
	// Delay keyup checker
	//-----------------------------------------------------------------------
	var delay = (function () {
		var timer = 0;
		return function (callback, ms) {
			clearTimeout(timer);
			timer = setTimeout(callback, ms);
		};
	})()

// DataTable search delay
	$('#REEFTvisual_data_wrapper .dataTables_filter input')
    .unbind() // overrule normal behavior
    .bind('keyup', function(e){

$('#delay-marker-icon-id').removeClass('text-success').addClass('text-danger');

//-----------------------------------------------------------------------
	// Check PNC exists
	//-----------------------------------------------------------------------
	let $filter01 = $('#modal-input-WZART');
	$filter01.on('keyup', function () {
		delay(function () {
			var inputValue = $('#modal-input-WZART').val();
			if ( inputValue != '') {
			console.log('this will hit, once user has not typed for 1 second ' + inputValue );
				checkDataExists();
			}
		}, 0800);
	});

//-----------------------------------------------------------------------
	// Event listener for the update button
	//-----------------------------------------------------------------------
    $('#updateButton').on('click', function() {

// Trigger a redraw of the table
        thisGlobalTableData.draw();
    });

//-----------------------------------------------------------------------
	// Set short cuts
	//-----------------------------------------------------------------------

// If add d-none class, do not add shortcut
	if ( GLOBAL_ADD_ALLOWED == 'Y' ) {
		shortcut.add("Alt+F6",function() {
			$('#add-button').click();
		});

// Show add button
		$('#add-button').removeClass('d-none');
	}

// Close window
	shortcut.add("Shift+Esc",function() {
		$('#button-close').click();
	});

//=========================================================================================================
	// Set color picker - TEXT
	//
	// Create HEX value (https://en.wikipedia.org/wiki/Web_colors)
	//	var hexValueColor = color.toHexString();
	//
	//	Create RGB (https://en.wikipedia.org/wiki/RGB_color_model)
	//		hexcolor = hexcolor.replace("#", "");
	//		var r = parseInt(hexcolor.substr(0,2),16);
	//		var g = parseInt(hexcolor.substr(2,2),16);
	//		var b = parseInt(hexcolor.substr(4,2),16);
	//		var yiq = ((r*299)+(g*587)+(b*114))/1000;
	//
	//
	//	Create YIQ (https://en.wikipedia.org/wiki/YIQ)
	//		if ( yiq >= 128) {
	//			var textColor = 'black';
	//		} else {
	//			var textColor = 'white';
	//		}
	//
	//	console.log('change: ' + hexcolor + ' ' + hexValueColor + ' ' + yiq + ' ' + r + ' ' + g + ' ' + b );
	//
	//=========================================================================================================
	$(".text-color-palette").spectrum({
		showInitial: true,
		showInput: true,
		chooseText: "Vælg farve",
		cancelText: "Annuller",
		preferredFormat: "hex",
		color: "#000",
		showPalette: true,
		flat: false,
		palette: [
			["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
			["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
			["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],
			["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],
			["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],
			["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],
			["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],
			["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]
		],
		// Called as the original input changes. Only happens when the input is closed or the 'Choose' button is clicked.
		change: function(color) {

// Get hex color
			var hexValueColor = color.toHexString();

setInputColorsToHiddenControlFields( this.id, hexValueColor  );
			setExampleData();

},
		move: function(color) {

// Get hex color
			var hexValueColor = color.toHexString();

setInputColorsToHiddenControlFields( this.id, hexValueColor  );
			setExampleData();

},
		show: function(color) {

$('#input-current-color-picker').val( this.id );

// Get hex color
			var hexValueColor = color.toHexString();

setInputColorsToHiddenControlFields( this.id, hexValueColor  );
			setExampleData();

},
		hide: function(color) {

// Get hex color
			var hexValueColor = color.toHexString();

setInputColorsToHiddenControlFields( this.id, hexValueColor  );
			setExampleData();

}
	});

//-----------------------------------------------------------------------
	// Console size of font for PNC
	//-----------------------------------------------------------------------
	$("input[type=number]").bind('keyup input', function(){

//console.log(this.id + ' ' + this.value);

if ( this.id == 'modal-input-WZPSZ' ) {
			setExampleData();
		}

});

// Make sure scroll is active when closeing the previevwer
	$('#wa0356_previewModal').on("hidden.bs.modal", function (e) { //fire on closing modal box

if ($('.modal:visible').length) { // check whether parent modal is opend after child modal close

$('body').addClass('modal-open'); // if open mean length is 1 then add a bootstrap css class to body of the page

// Remove iframe data...
			$('#modal-preview-iframe').html('');

}
    });

});
// -->
</script>

</head>

<body>

</div>
		</div>

</div>
				</div>
			</div>

<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
					<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
				</div>

<div class="d-none d-lg-block">
					<div class="row mb-2">
						<div class="col-12">
							<div id="data-result-button-lines"></div>
						</div>
					</div>
				</div>

<div class="row mt-2">
					<div class="col">
						<div id="data-result" style="width: 100%;"></div>
							<table id="REEFTvisual_data" class="table nowrap table-bordered table-striped table-hover">
								<thead>
									<tr class="bg-primary text-white font-weight-bold text-center">
										<th class="text-left"><?php echo $datahub_text0023 ?></th>
										<th class="text-left"><?php echo $datahub_text0038 ?></th>
										<th class="text-left"><?php echo $datahub_text0026 ?></th>
										<th class="text-center"><?php echo $datahub_text0006 ?></th>
										<th class="text-left"><button type="button" id="add-button" title="Shortcut: Alt+F6" onclick="dataAdd('0')" class="d-none btn btn-dark btn-block font-weight-bold"><?php echo $datahub_button_save_01 ?></button></th>
										<th class="text-left"></th>
										<th class="text-left">CMPNO</th>
										<th class="text-left">WZHGH</th>
										<th class="text-left">WZRVS</th>
										<th class="text-left">WZBAR</th>
										<th class="text-left">WZCLR</th>
										<th class="text-left">WZPSZ</th>
										<th class="text-left">WZDT1</th>
										<th class="text-left">WZDT2</th>
										<th class="text-left">WZDT3</th>
										<th class="text-left">WZDT4</th>
										<th class="text-left">WZDT5</th>
										<th class="text-left">WZAC1</th>
										<th class="text-left">WZAC2</th>
										<th class="text-left">WZAC3</th>
										<th class="text-left">WZAC4</th>
										<th class="text-left">WZAC5</th>
										<th class="text-left">WZBTN</th>
										<th class="text-left">WZBTT</th>
										<th class="text-left">WZTINF</th>
										<th class="text-left">WZMPS</th>
										<th class="text-left">WZMLE</th>
										<th class="text-left">WZMLW</th>
										<th class="text-left">WZUNI</th>
										<th class="text-left">WZMLP</th>
										<th class="text-left">WZMLV</th>
										<th class="text-left">WZMWP</th>
										<th class="text-left">WZPTY</th>
										<th class="text-left">WZAIS</th>
										<th class="text-left">WZROW</th>
										<th class="text-left">WZTIR</th>
										<th class="text-left">WZNUM</th>
										<th class="text-left">WZPKT</th>
										<th class="text-left">WZIO1</th>
										<th class="text-left">WZIO2</th>
										<th class="text-left">WZIO3</th>
										<th class="text-left">WZWEI</th>
										<th class="text-left">WZMEA</th>
										<th class="text-left">WZCNT</th>
										<th class="text-left">WZSPW</th>
										<th class="text-left">RES1A</th>
										<th class="text-left">RES2A</th>
										<th class="text-left">RES3A</th>
										<th class="text-left">RES4A</th>
										<th class="text-left">RES1N</th>
										<th class="text-left">RES3N</th>
										<th class="text-left">RES5N</th>
										<th class="text-left">RES9N</th>
										<th class="text-left">WZBCL</th>
										<th class="text-left">WZBTP</th>
										<th class="text-left">WZBLD</th>
										<th class="text-left">WZQUA</th>
										<th class="text-left">ACTIV</th>
									</tr>
								</thead>
							</table>

</div>
				</div>

</div>

<?php
	include "include/footer.php";
?>

<div class="modal fade" id="wa0356_MaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="wa0356_MaintainModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl">
    <div class="modal-content">

<div class="col text-right">
				<button type="button" class="btn btn-dark btn-sm" id="button-moa-style-example" onclick="showMOAstyleExample()"><?php echo $datahub_text0050 ?></button>
			</div>
			<div class="col-1 text-right" style="max-width:20px">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				  <span aria-hidden="true">&times;</span>
				</button>
			</div>

</div>
		</div>

</div>
      <div class="modal-body ml-2 mr-2">

<input type="text" class="d-none" id="input-current-color-picker">
			<input type="text" class="d-none" id="input-current-text-color">
			<input type="text" class="d-none" id="input-current-background-color">

</div>

</div>
			</div>

<input type="text" class="d-none" id="modal-input-CMPNO" name="modal-input-CMPNO">
			<input type="text" class="d-none" id="modal-input-WZBTN" name="modal-input-WZBTN">
			<input type="text" class="d-none" id="modal-input-WZTINF" name="modal-input-WZTINF">
			<input type="text" class="d-none" id="modal-input-WZMPS" name="modal-input-WZMPS">
			<input type="text" class="d-none" id="modal-input-WZUNI" name="modal-input-WZUNI">
			<input type="text" class="d-none" id="modal-input-WZMLP" name="modal-input-WZMLP">
			<input type="text" class="d-none" id="modal-input-WZMLV" name="modal-input-WZMLV">
			<input type="text" class="d-none" id="modal-input-WZMWP" name="modal-input-WZMWP">
			<input type="text" class="d-none" id="modal-input-WZPTY" name="modal-input-WZPTY">
			<input type="text" class="d-none" id="modal-input-WZNUM" name="modal-input-WZNUM">
			<input type="text" class="d-none" id="modal-input-WZPKT" name="modal-input-WZPKT">
			<input type="text" class="d-none" id="modal-input-WZIO1" name="modal-input-WZIO1">
			<input type="text" class="d-none" id="modal-input-WZIO2" name="modal-input-WZIO2">
			<input type="text" class="d-none" id="modal-input-WZIO3" name="modal-input-WZIO3">
			<input type="text" class="d-none" id="modal-input-WZWEI" name="modal-input-WZWEI">
			<input type="text" class="d-none" id="modal-input-WZMEA" name="modal-input-WZMEA">
			<input type="text" class="d-none" id="modal-input-WZCNT" name="modal-input-WZCNT">
			<input type="text" class="d-none" id="modal-input-WZCNT" name="modal-input-WZCNT">
			<input type="text" class="d-none" id="modal-input-WZSPW" name="modal-input-WZSPW">
			<input type="text" class="d-none" id="modal-input-RES4A" name="modal-input-RES4A">
			<input type="text" class="d-none" id="modal-input-RES1N" name="modal-input-RES1N">
			<input type="text" class="d-none" id="modal-input-RES3N" name="modal-input-RES3N">
			<input type="text" class="d-none" id="modal-input-RES5N" name="modal-input-RES5N">
			<input type="text" class="d-none" id="modal-input-RES9N" name="modal-input-RES9N">

</div>

</div>

<div class="row mt-2 d-none">
				<div class="col-3">
					<?php echo $datahub_text0024 ?>
				</div>
				<div class="col-4 col-sm-3 col-md-2 col-lg-2 col-xl-2">
					<input class="form-control" type="number" step="1" id="modal-input-WZQUA" min="1" name="modal-input-WZQUA" onkeyup="resetModalMessage(),setPNCtest()">
				</div>
			</div>

<div class="row mt-2 d-none">
				<div class="col-3">
					<?php echo $datahub_text0027 ?>
				</div>
				<div class="col-6">
					<input class="form-control" type="text" id="modal-input-WZHGH" name="modal-input-WZHGH" onkeyup="resetModalMessage()">
				</div>
			</div>

<div class="row mt-2 d-none">
				<div class="col-3">
					<?php echo $datahub_text0028 ?>
				</div>
				<div class="col-6">
					<input class="form-control" type="text" id="modal-input-WZRVS" name="modal-input-WZRVS" onkeyup="resetModalMessage()">
				</div>
			</div>

<div class="row mt-2 d-none">
				<div class="col-3">
					<?php echo $datahub_text0029 ?>
				</div>
				<div class="col-2">
					<input class="form-control" type="text" id="modal-input-WZBAR" name="modal-input-WZBAR" onkeyup="resetModalMessage()">
				</div>
			</div>

</div>

</div>
					</div>
					<div class="col-5">
						
						<i title="PDF"   onclick="setActionPNC('*PDF','2','1')" id="action-button-2-1" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
						<i title="Image" onclick="setActionPNC('*PIC','2','2')" id="action-button-2-2" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
						<i title="Scan"  onclick="setActionPNC('*SCAN','2','3')" id="action-button-2-3" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
						<i title="Movie" onclick="setActionPNC('*MOVIE','2','4')" id="action-button-2-4" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
						<i title="Link"  onclick="setActionPNC('*LINK' ,'2','5')" id="action-button-2-5" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
						<i title="Check" onclick="setActionPNC('*CHECK','2','6')" id="action-button-2-6" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
						<i title="Reset" onclick="setActionPNC('*RESET','2','*')" id="action-button-2-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
						<input class="d-none form-control" type="text" id="modal-input-WZAC2" name="modal-input-WZAC2" onkeyup="resetModalMessage()">
					</div>
					</div>

</div>
			</div>

<hr>

</form>

</div>
      <div class="modal-footer-pretty modal-footer">

</div>

</div>
    </div>
  </div>
</div>

<div class="modal fade" id="wa0356_confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="wa0356_confirmDeleteModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-primary text-white">
        <h5 class="modal-title" id="wa0356_confirmDeleteModalLabel"><?php echo $datahub_text0063 ?></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

</form>

</div>
      <div class="modal-footer">

<div class="row mt-1 mb-2">
					<div class="col-3 text-left">
						<button type="button" onclick="dataDeleteExec()" class="btn btn-primary">Delete</button>
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
					</div>
				</div>

</div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="wa0356_previewModal" tabindex="-1" role="dialog" aria-labelledby="wa0356_previewModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-success text-white">
        <h5 class="modal-title" id="wa0356_previewModalLabel">Preview element</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

<div class="row mt-2 mb-2">
					<div class="col-3 text-left">
					</div>
					<div class="col-6 text-right">
					</div>
					<div class="col-3 text-right">
						<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
					</div>
				</div>

</div>

</div>
  </div>
</div>

</body>
</html>